<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- #section:basics/sidebar -->
<div id="sidebar" class="sidebar responsive">
	<script type="text/javascript">
		try {
			ace.settings.check('sidebar', 'fixed');
		} catch (e) {
		}
	</script>

	<!-- <div class="sidebar-shortcuts" id="sidebar-shortcuts">
		<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
			<button class="btn btn-success">
				<i class="ace-icon fa fa-signal"></i>
			</button>

			<button class="btn btn-info">
				<i class="ace-icon fa fa-pencil"></i>
			</button>

			#section:basics/sidebar.layout.shortcuts
			<button class="btn btn-warning">
				<i class="ace-icon fa fa-users"></i>
			</button>

			<button class="btn btn-danger">
				<i class="ace-icon fa fa-cogs"></i>
			</button>

			/section:basics/sidebar.layout.shortcuts
		</div>

		<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
			<span class="btn btn-success"></span> <span class="btn btn-info"></span> <span class="btn btn-warning"></span> <span
				class="btn btn-danger"></span>
		</div>
	</div> -->
	<!-- /.sidebar-shortcuts -->

	<ul class="nav nav-list">
		<li id="menudashboard" class='active' onclick="addTab('dashboard')"><a href="#">
				<i class="menu-icon fa fa-tachometer"></i> <span class="menu-text"> 控制台 </span>
			</a> <b class="arrow"></b></li>
		<c:forEach items="${sidebarMenus}" var="menu">
			<li id="menu${menu.id }"><a href="#" class="dropdown-toggle">
					<i class="menu-icon ${menu.iconClass}"></i> <span class="menu-text"> ${menu.menuName } </span> <b class="arrow fa fa-angle-down"></b>
				</a> <b class="arrow"></b>
				<ul class="submenu">
					<c:forEach items="${menu.childMenuList}" var="second">
						<li id="menu${second.id }"
							<c:if test="${empty second.childMenuList }">onclick="addTab('${second.id}','${second.menuName}','${ctx}${second.menuUrl}','${second.menuParentId}','${second.rootId }')"</c:if>><a
								href='#' <c:if test="${!empty second.childMenuList }">class="dropdown-toggle"</c:if>>
								<i class="menu-icon fa fa-caret-right"></i>${second.menuName }
								<c:if test="${!empty second.childMenuList }">
									<b class="arrow fa fa-angle-down"></b>
								</c:if>
							</a> <c:if test="${!empty second.childMenuList }">
								<b class="arrow"></b>
								<ul class="submenu">
									<c:forEach items="${second.childMenuList}" var="thrid">
										<li id="menu${thrid.id }"
											onclick="addTab('${thrid.id}','${thrid.menuName}','${ctx}${thrid.menuUrl}','${thrid.menuParentId}','${thrid.rootId }')"><a
												href="#"> <i class="menu-icon fa fa-hand-o-right"></i>${thrid.menuName } </a> <b class="arrow"></b></li>
									</c:forEach>
								</ul>
							</c:if></li>
					</c:forEach>
				</ul></li>
		</c:forEach>
	</ul>
	<!-- /.nav-list -->

	<!-- #section:basics/sidebar.layout.minimize -->
	<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
		<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
	</div>

	<!-- /section:basics/sidebar.layout.minimize -->
	<script type="text/javascript">
		try {
			ace.settings.check('sidebar', 'collapsed');
		} catch (e) {
		}
	</script>
</div>
<!-- /section:basics/sidebar -->